<template>
    <div class="container" ref="homeContainerRef">
        <n-affix class="w-full" :trigger-top="0" :top="0" :listen-to="() => homeContainerRef">
            <header-grid />
        </n-affix>
        <n-flex> </n-flex>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

// 容器 ref
const homeContainerRef = ref<HTMLElement | undefined>(undefined);
</script>

<style scoped>
.container {
    height: 100%;
    width: 100%;
}
</style>
